<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>百顺通云-后台个人实名认证详情页面</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonCSS.jsp"></jsp:include>
        <style type="text/css">
        	.dialog_changerule .aui_close {
        		display:none;
        	}
        	#rules .input-group {
        		margin-bottom: 30px;
        	}
        	#rules .input-group select {
        		width: 150px;
        	}
        	#rules .input-group:nth-child(1) span{
    			letter-spacing: 0.4em;
        	}
        </style>
    </head>
    <body class="skin-blue">
        <!-- 公用头部 -->
        <jsp:include page="../../admin/commonHeader.jsp"></jsp:include>
       
        <div class="wrapper row-offcanvas row-offcanvas-left">
            
            <!-- 公用导航 -->
            <jsp:include page="../../admin/commonMenu.jsp"></jsp:include>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        个人实名认证管理
                        <small>个人实名认证详情</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                        <li class="active">个人实名认证管理</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                    <!-- Small boxes (Stat box) -->
                    <div class="row fixrowscroll">
                        
                        <!-- table数据 -->
                        <div class="box-body table-responsive">
                            <div class="dataTables_wrapper form-inline fixwrapperscroll" role="grid">
                                <div class="row">
                                    <div class="col-xs-6"></div>
                                    <div class="col-xs-6"></div>
                                </div>
			                	<table class="table table-bordered table-hover dataTable">
									<tbody>
										<tr>
											<td width="20%" class="taright">真实姓名：</td>
											<td width="80%"><span>${personalIdentify.pIdentifyRealName}</span></td>
										</tr>
										<tr class="alt">
											<td width="20%" class="taright">身份证号：</td>
											<td width="80%">${personalIdentify.pIdentifyCard}<span></span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">身份证到期时间：</td>
											<td width="80%"><span><fmt:formatDate value="${personalIdentify.cardLastDate}" pattern="yyyy-MM-dd"/></span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">身份证正面：</td>
											<td width="80%" ><img class="imgurl" alt="" src="${personalIdentify.cardUpUrl}" width="380" height="280"></td>
										</tr>
										<tr>
											<td width="20%" class="taright">身份证反面：</td>
											<td width="80%"><img class="imgurl" alt="" src="${personalIdentify.cardDownUrl}" width="380" height="280"></td>
										</tr>
										<tr>
											<td width="20%" class="taright">手持身份证：</td>
											<td width="80%"><img class="imgurl" alt="" src="${personalIdentify.handCardUrl}" width="380" height="280"></td>
										</tr>
										<tr>
											<td width="20%" class="taright">审核状态：</td>
											<td><span>
											<c:if test="${personalIdentify.state==1}">已提交未审核</c:if>
											<c:if test="${personalIdentify.state==2}">已审核未通过</c:if>
											<c:if test="${personalIdentify.state==3}">审核通过（已实名认证）</c:if>
											</span></td>
										</tr>
									</tbody>
								</table>
								
								<div>
									<c:if test="${personalIdentify.state == 2 || personalIdentify.state == 3}">
										<button type="button" class="btn btn-primary" disabled="disabled" id="pass">通过</button>
										<button type="button" class="btn btn-primary" disabled="disabled" id="unpass">退回</button>
									</c:if>
									<c:if test="${personalIdentify.state == 1}">
										<a href="/sysAdmin/certificateAdmin/pCertificateDetail/${personalIdentify.id}/3" type="button" class="btn btn-primary" id="pass" >通过</a>
										<a href="/sysAdmin/certificateAdmin/pCertificateDetail/${personalIdentify.id}/2" type="button" class="btn btn-primary" id="unpass" >退回</a>
									</c:if>
									<a href="javascript:history.back(-1)"><button type="button" class="btn btn-primary">返回</button></a>
								</div>
                            </div>
                        </div>


                    </div><!-- /.row -->
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

		<script type="text/javascript">
			var currentMenu = 'userManager';
		</script>
        <!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonJs.jsp"></jsp:include>
		
        <script src="/js/admin/userManager/certificateManager.js"></script>
        

    </body>
</html>
